/**
 * 单选样式
 *
 * @author yangjinlai 2019-05-13
 */

@import url('~@src/common/less/color.less');

@size: 0.9rem;
@mSize: @size - 0.2rem;

.radioBox{
	display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
    position: relative;
    width: @size;
    height: @size;
	// margin-top: 1px;
	// width: 100%;
	// height: 2.7rem;
	// padding: 0 1rem;

	input[type=radio]{
		width: @size;
	    height: @size;
	    position: absolute;
	    left: 0;
	    cursor: pointer;
	    z-index: 4;
		top: 0;
		border: 1px solid #C1C5CE;
    	border-radius: 50%;

		&+label{
			display: inline-block;
			width: @size;
			height: @size;
			top: 0;
			position: absolute;
			z-index: 3;
			color: #FF6500;
			font-size: @size;
			line-height: @size;
			// border: 1px solid #C1C5CE;
			// width: 100%;
			// height: 2.7rem;
			// padding: 0 1rem;


			//未选中状态
			&:after{
				content: '\e673';
				position: absolute;
				top: 0;
				// top: 50%;
				// right: 0;
				width: @size;
				height: @size;
				// margin-top: @size/2-@mSize/2;
				//height: 100%;
				//width: 100%;
				font-size: @mSize;
				// color: red;
				// color: #999;
				z-index: 1;
				display: none;
				color: #FF6500;
				// margin-left: @size/2-@mSize/2;
			    left: 0;
			    line-height: @size;
			    text-align: center;
			}

			
		}

		//选中
		&:checked +label{
			&:after{
				display: block;
				// content: '\e650;';
				// color: #3A7FFF;
				// border: 1px solid #3A7FFF;
				// padding: 0.025rem;

			}
	
		}
	}
	input[type=radio]:checked{
		border: 1px solid #FF6500;
	}
}

